/* social */
.social-body{
	position:fixed;
	top:60%;
	margin-top:-80px;
	z-index:999;
}
.social-body ul li{
	display:block;
}
.social-body ul li a{
	font-size:20px;
	color:#fff;
	background:#e5e122;
	height: 40px;
    width: 40px;
	line-height:40px;
	text-align:center;
	display:block;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.social-body ul li a:hover{
	width:80px;
}
.social-body  ul li.facebook a{
	background:#425F9C;
}
.social-body ul li.instagram a {
	background: #E21B75;
}
.social-body  ul li.tiktok a{
	background:#000000;
}

.social-body  ul li.youtube a{
	background:#d50a0a;
}

.social-body  ul li.whatsapp a{
	background:#11f258;
}

/*INFO*/
.info-body{
	position:absolute;
	top:25%;
	right: 1%;
	margin-top:-100px;
	z-index:1999;
}
.info-body ul li{
	display:block;
}

.info-body ul li i h3{
	/* font-size: 11px;
	color:#fff; */
	height: auto;
    width: auto;
	line-height:20px;
	text-align:center;
	display:block;
	transition:all 0.4s ease;
	margin: 0%;
	font-family: 'helvetica_ce_55_romanregular';
	font-size: calc(2px + 2vh); 
	line-height: calc(2px + 2vh);
  /*   text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
	  0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092;
	color: #fccaff; */
	text-shadow: 0 0 5px #1ef113, 0 0 15px #1ef113, 0 0 20px #1ef113, 0 0 40px #1ef113, 0 0 60px #5fff57, 0 0 10px #4de664, 0 0 98px #45ff80;
	color: #baffa9;
	font-family: cursive;
	text-align: center;
	animation: blink 12s infinite;
	-webkit-animation: blink 12s infinite;
}

@-webkit-keyframes blink {
	20%,
	24%,
	55% {
	  color: #111;
	  text-shadow: none;
	}
  
	0%,
	19%,
	21%,
	23%,
	25%,
	54%,
	56%,
	100% {
  /*     color: #fccaff;
	  text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
		0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092; */
    text-shadow: 0 0 5px #1ef113, 0 0 15px #1ef113, 0 0 20px #1ef113, 0 0 40px #1ef113, 0 0 60px #5fff57, 0 0 10px #4de664, 0 0 98px #45ff80;
    color: #baffa9;
	}
  }
  
  @keyframes blink {
	20%,
	24%,
	55% {
	  color: #111;
	  text-shadow: none;
	}
  
	0%,
	19%,
	21%,
	23%,
	25%,
	54%,
	56%,
	100% {
  /*     color: #fccaff;
	  text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
		0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092; */
    text-shadow: 0 0 5px #1ef113, 0 0 15px #1ef113, 0 0 20px #1ef113, 0 0 40px #1ef113, 0 0 60px #5fff57, 0 0 10px #4de664, 0 0 98px #45ff80;
    color: #baffa9;
	}
}

.info-body ul li i p{
	font-size: 13px;
	color:#fff;
	height: auto;
    width: auto;
	line-height:20px;
	text-align:center;
	display:block;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	margin: 0%;
	
}

.info-body ul li i p:hover{
	color: transparent;
	background-image: url(/images/fondo-verde.gif);
	background-size: cover;
	background-repeat: no-repeat;
	-moz-background-clip: text;
	-webkit-background-clip: text; 
}